<%@page import="com.wef.demo.entity.domain.StudentSubjectDomain"%>
<%@page import="com.gfa4j.resource.ResourceManagerServer"%>
<%@page import="com.wef.common.util.CommonMessageDomain"%>
<%@page import="com.gfa4j.query.Field"%>
<%@ include file="/pages/common/taglib.jsp"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
		<title></title>
		<%@include file="/styles/css_lib.jsp"%>
		<%@include file="/scripts/widgets/jquery-ui/css_lib.jsp"%>
		<%@include file="/scripts/widgets/autoSelect/css_lib.jsp"%>
		<link rel="stylesheet" type="text/css" href="${ctx}/pages/demo/demo.css" />
		
		<%@include file="/pages/common/js_global.jsp"%>
		<%@include file="/scripts/sdk/js_lib.jsp"%>
		<%@include file="/scripts/config/js_lib.jsp" %>
		<%@include file="/scripts/utils/js_lib.jsp"%>
		<%@include file="/scripts/i18n/js_lib.jsp"%>
		<%@include file="/scripts/format/js_lib.jsp"%>
		<%@include file="/scripts/validate/js_lib.jsp"%>
		<%@include file="/scripts/widgets/jquery-ui/js_lib.jsp"%>
		<%@include file="/scripts/widgets/datePicker/js_lib.jsp"%>
		<%@include file="/scripts/widgets/autoSelect/js_lib.jsp"%>
		<script type="text/javascript" src="${ctx}/pages/demo/demo.js"></script>
		<script type="text/javascript" src="./input_autoSelect.js"></script>
		
		<k:autoSelectConfig 
			url="${ctx}" 
			id="editStudentName" 
			width="400" 
			queryField="studentNum,studentName,address"
			displayField="studentNum,studentName,birthday,address" 
			className="com.wef.demo.entity.Student" 
			displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address" 
			displayNum="8"
			canNotInput="true"
			autoFill="editStudentName|{studentName}"
			afterSelectRow="afterSelectRow4Student"
		/>
		<k:autoSelectConfig 
			url="${ctx}" 
			id="editStudentName2" 
			width="400" 
			queryField="studentNum,studentName,address"
			displayField="studentNum,studentName,birthday,address,gender" 
			className="com.wef.demo.entity.Student" 
			displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address,demo.Student.gender" 
			displayNum="8"
			canNotInput="true"
			autoFill="editStudentName2|{studentName}"
			whereCondition=" gender = 0"
		/>
		<k:autoSelectConfig 
			url="${ctx}" 
			id="editStudentName3" 
			width="400" 
			queryField="studentNum,studentName,address"
			displayField="studentNum,studentName,birthday,address,gender" 
			className="com.wef.demo.entity.Student" 
			displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address,demo.Student.gender" 
			displayNum="8"
			canNotInput="false"
			autoFill="editStudentName3|{studentName}"
		/>
		
		<k:autoSelectConfig 
			url="${ctx}" 
			id="editStudentName4" 
			width="400" 
			queryField="studentNum,studentName,address"
			displayField="studentNum,studentName,birthday,address" 
			className="com.wef.demo.entity.Student" 
			displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address" 
			displayNum="8"
			canNotInput="true"
			autoFill="editStudentName4|{studentName},test1|{address},test2|{studentName},test3|{studentNum},test4|{gender}"
			syncClearControls="test1,test2,test4"
		/>
		<script type="text/javascript">
			$(window).ready(function(){
				$('#pageLoadComplete').attr('isComplete',true);
			});
		</script>
	</head>
<body class="body">
	<!--Content-->
	<form action="" id="form1">
		<div id="Content_Show">
			<div>
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:1.联想控件 行选择后事件,如下: (<a href="#" id="aDiv1">查看源码</a>)
				</div>
				<div id="div1" style="display: none;">
					<pre>
&lt;k:autoSelect styleId="editStudentName" property="studentName" /&gt;

&lt;k:autoSelectConfig 
		url="${ctx}" 
		id="editStudentName" 
		width="350" 
		displayField="studentNum,studentName,address" 
		className="com.wef.demo.entity.Student" 
		displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address" 
		displayNum="8"
		canNotInput="true"
		autoFill="editStudentName|{studentName}"
		afterSelectRow="afterSelectRow4Student"
	/&gt;
					</pre>
				</div>
				<div>
					<k:autoSelect styleId="editStudentName" property="studentName" styleClass="text"/>
				</div>
				<br />
				<br />
				
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:2.联想控件 自定义条件,如下: (<a href="#" id="aDiv2">查看源码</a>)
				</div>
				<div id="div2" style="display: none;">
					<pre>
&lt;k:autoSelect styleId="editStudentName2" property="studentName" /&gt;

&lt;k:autoSelectConfig 
		url="${ctx}" 
		id="editStudentName2" 
		width="350" 
		displayField="studentNum,studentName,address" 
		className="com.wef.demo.entity.Student" 
		displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address" 
		displayNum="8"
		canNotInput="true"
		autoFill="editStudentName|{studentName}"
		whereCondition=" gender = 0"
	/&gt;
					</pre>
				</div>
				<div>
					<k:autoSelect styleId="editStudentName2" property="studentName" styleClass="text"/>
				</div>
				<br />
				<br />
				
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:3.联想控件允许手工输入,如下: (<a href="#" id="aDiv3">查看源码</a>)
				</div>
				<div id="div3" style="display: none;">
					<pre>
&lt;k:autoSelect styleId="editStudentName3" property="studentName" /&gt;

&lt;k:autoSelectConfig 
		url="${ctx}" 
		id="editStudentName3" 
		width="350" 
		displayField="studentNum,studentName,address" 
		className="com.wef.demo.entity.Student" 
		displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address" 
		displayNum="8"
		canNotInput="false"
		autoFill="editStudentName|{studentName}"
		whereCondition=" gender = 0"
	/&gt;
					</pre>
				</div>
				<div>
					<k:autoSelect styleId="editStudentName3" property="studentName" styleClass="text"/>
				</div>
				<br />
				<br />
				
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:4.联想控件 自动填充、同步清除 其它控件数据,如下: (<a href="#" id="aDiv4">查看源码</a>)
				</div>
				<div id="div4" style="display: none;">
					<pre>
&lt;k:autoSelect styleId="editStudentName4" property="studentName" /&gt;

&lt;k:autoSelectConfig 
		url="${ctx}" 
		id="editStudentName4" 
		width="350" 
		displayField="studentNum,studentName,address" 
		className="com.wef.demo.entity.Student" 
		displayFieldI18n="demo.Student.studentNum,demo.Student.studentName,demo.Student.birthday,demo.Student.address" 
		displayNum="8"
		canNotInput="true"
		autoFill="editStudentName4|{studentName},test1|{address},test2|{studentName},test3|{studentNum},test4|{gender}"
		syncClearControls="test1,test2,test4"
	/&gt;
					</pre>
				</div>
				<div>
					<k:autoSelect styleId="editStudentName4" property="studentName" styleClass="text"/>
					<k:text property="test1" styleClass="text"/>
					<k:text property="test2" styleClass="text"/>
					<k:text property="test3" styleClass="text"/>
					<k:text property="test4" styleClass="text"/>
				</div>
				<br />
				<br />
			</div>
		</div>
	</form>
	<div id="pageLoadComplete" isComplete="false" style="display: none;"></div>
</body>
</html>